<style>
    .pageFormContent dl {
        margin-top:10px;
        margin-left:15px;
    }
    .pageFormContent a {
        text-decoration:none;
        display:inline-block;
        color:green;
    }
    .pageFormContent input {
        overflow-x:visible;
        overflow-y:visible;
        width:200px;
    }
</style>
<div class="pageContent" style="width:100%;">
    <div class="pageFormContent" layoutH="58">
        <div class="tabs" currentindex="0" eventtype="click">
            <div class="tabsHeader">
                <div class="tabsHeaderContent">
                    <ul>
                        <li class="selected">
                            <a>
                                <span>行驶证信息</span>
                            </a>
                        </li>
                        <li class="selected">
                            <a>
                                <span>订单详情</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tabsContent">
                <div class="pageFormContent" layoutH="56">
                    <dl>
                        <dt>订单ID:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.order_id}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>用户昵称:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.nick_name}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>号牌号码:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.license_number}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>号牌颜色:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.license_color}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>车辆类型:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.license_typename}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>所有人姓名:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.user_name}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>住址:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.user_address}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>使用性质:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.license_nature}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>品牌型号:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.vehicle_brand}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>车辆识别代号:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.vehicle_identification}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>发动机号码:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.engine_identification}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>注册日期:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.license_register_date|date='Y-m-d',###}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>行驶证照片:</dt>
                        <dd>
                            <a href="javascript:void(0)" id="openLicense" style="line-height:21px">查看行驶证</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>发证日期:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.license_grant_date}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>创建时间:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.create_time|date='Y-m-d H:i:s',###}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>更新时间:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$dl_info.update_time|date='Y-m-d H:i:s',###}" />
                        </dd>
                    </dl>
                </div>
                <div class="pageFormContent" layoutH="56">
                    <dl>
                        <dt>订单ID:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.order_id}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>订单编号:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.order_sn}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>流水号:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.lsh}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>联系电话:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.mobile}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>下单时间:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.create_time|date='Y-m-d H:i:s',###}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>预约日期:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.subscribe_date|date='Y-m-d H:i',###}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>预约码:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.subscribe_code}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>联系地址:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.address}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>车辆类型:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.license_type|get_license_type}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>检车项目:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.goods_name}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>检车价格:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.total_amount}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>更新时间:</dt>
                        <dd>
                            <input readonly="readonly" type="text" value="{$order_info.update_time|date='Y-m-d H:i:s',###}" />
                        </dd>
                    </dl>
                    <dl>
                        <dt>预约状态:</dt>
                        <dd>
                            {if condition="$order_info['zt'] eq -2"}
                            <input readonly="readonly" style="color:#ff5722" type="text" value="审核不通过" />
                            {elseif condition="$order_info['zt'] eq -1"}
                            <input readonly="readonly" style="color:#ff5722" type="text" value="订单取消" />
                            {elseif condition="$order_info['zt'] eq 0"}
                            <input readonly="readonly" style="color:#ff5722" type="text" value="待审核" />
                            {elseif condition="$order_info['zt'] eq 1"}
                            <input readonly="readonly" style="color:#ff5722" type="text" value="审核中" />
                            {elseif condition="$order_info['zt'] eq 2"}
                            <input readonly="readonly" style="color:#25c875" type="text" value="预约成功" />
                            {elseif condition="$order_info['zt'] eq 3"}
                            <input readonly="readonly" style="color:#cc4100" type="text" value="检测中" />
                            {elseif condition="$order_info['zt'] eq 10"}
                            <input readonly="readonly" style="color:#3a62ff" type="text" value="订单完成" />
                            {/if}
                        </dd>
                    </dl>
                    <dl>
                        <dt>失败原因:</dt>
                        <dd>
                            <textarea cols="30" readonly="readonly" rows="4">{$order_info.sbyy}</textarea>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="formBar">
        <ul>
            <li>
                <div class="button">
                    <div class="buttonContent">
                        <button class="close" type="button">返回</button>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--图片查看旋转插件-->
<script src="{$Think.config.static_url}/admin/viewer/viewer.min.js"></script><!-- Viewer.js is required -->
<link href="{$Think.config.static_url}/admin/viewer/viewer.min.css" rel="stylesheet">
<script src="{$Think.config.static_url}/admin/viewer/jquery-viewer.min.js"></script>
<script>
    document.getElementById('openLicense').addEventListener('click', function () {
        var image = new Image();
        image.src = '{$dl_info.license_image}';
        var viewer = new Viewer(image, {
            hidden : function () {
                viewer.destroy();
            },
            toolbar : {
                zoomIn : true,
                zoomOut : true,
                oneToOne : true,
                reset : true,
                rotateLeft : true,
                rotateRight : true
            }
        });
        // image.click();
        viewer.show();
    });
</script>